<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<h:form>

		<p:panel id="panelAsignarPedido" styleClass="session"
			header="#{msgs['asignarPedido.text.header']}" style="width:900px"
			aling="center" cellspacing="2">

			<p:messages id="mensajes" closable="true" />

			<h:panelGrid id="grid" columns="2" cellspacing="20">

				<p:outputLabel
					value="#{msgs['asignarPedido.text.fecha']}: #{asignarTransportistaBean.selectedPedido.historial[0].fechaCambio}" />

				<p:outputLabel id="cliente"
					value="#{msgs['asignarPedido.text.cliente']}: #{asignarTransportistaBean.selectedPedido.cliente.apellido}, #{asignarTransportistaBean.selectedPedido.cliente.nombres}" />

				<p:outputLabel
					value="#{msgs['asignarPedido.text.origen']}: #{asignarTransportistaBean.selectedPedido.direccionOrigen}" />

				<p:outputLabel
					value="#{msgs['asignarPedido.text.destino']}: #{asignarTransportistaBean.selectedPedido.direccionDestino}" />

				<p:outputLabel id="articulo"
					value="#{msgs['asignarPedido.text.articulo']}: #{asignarTransportistaBean.selectedPedido.descripcionProd}" />

				<h:panelGroup>
					<p:outputLabel value="#{msgs['asignarPedido.text.transportista']}:"
						for="transportista" />
					<p:selectOneMenu id="transportista"
						value="#{asignarTransportistaBean.selectedTransportista}"
						required="true">
						<f:selectItem itemLabel="- Ninguno -" itemValue="" />
						<f:selectItems
							value="#{asignarTransportistaBean.listaTransportista}"
							var="transp" itemLabel="#{transp.apellido}, #{transp.nombres}"
							itemValue="#{transp.id}" />
					</p:selectOneMenu>
				</h:panelGroup>
				
				<p:outputLabel
					value="#{msgs['asignarPedido.text.peso']}: #{asignarTransportistaBean.selectedPedido.pesoProd}" />
				<p:outputLabel />


				<p:outputLabel
					value="#{msgs['asignarPedido.text.volumen']}: #{asignarTransportistaBean.selectedPedido.volumenProd}" />
				<p:outputLabel />



			</h:panelGrid>


			<!-- enable focus component -->
			<p:focus for="transportista" />

			<f:facet name="footer">
				<center>
					<p:commandButton id="btnAceptar" icon="ui-icon-check"
						value="#{msgs['nuevoPedido.text.btn.aceptar']}"
						action="#{asignarTransportistaBean.asignarTranportista}"
						update="panelAsignarPedido">
						<p:confirm header="#{msgs['asignarPedido.text.dialog.titulo']}"
							message="#{msgs['asignarPedido.text.dialog.pregunta']}"
							icon="ui-icon-alert" />
					</p:commandButton>

				</center>
			</f:facet>
		</p:panel>

		<p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
			<center>
				<p:commandButton value="#{msgs['btn.text.aceptar']}" type="button"
					styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
				<p:commandButton value="#{msgs['btn.text.cancelar']}" type="button"
					styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
			</center>
		</p:confirmDialog>

	</h:form>
</ui:composition>